.menberHomaPage {
  // background-image: url('https://cdn-qa.yryz.com/lovelorn/image/default/202006/645499185766400.png?w=750&h=479');
  // background-repeat: no-repeat;
  // background-position: center;

  .menberHomeTop {
    padding: 0 30px;
    margin-top: 30px;
    justify-content: space-between;

    .userText {
      flex: 1;

      .userTitle {
        font-size: 42px;
        font-weight: 600;
        color: rgba(0, 0, 0, 1);
        line-height: 59px;
        margin-bottom: 14px;
      }

      .userDesc {
        font-size: 28px;
        font-weight: 500;
        color: rgba(51, 51, 51, 1);
        line-height: 40px;
      }
    }

    .userAvater {
      display: inline-block;
      width: 150px;
      height: 150px;
      border-radius: 50%;
      margin-left: 60px;
      overflow: hidden;
      box-sizing: border-box;
    }
  }

  .userInfo {
    padding: 0 30px;
    margin: 30px 0 40px 0;

    .userInfoItem {
      margin-right: 20px;
      font-size: 28px;
      font-weight: 600;
      color: rgba(0, 0, 0, 1);
      line-height: 40px;

      .userKey {
        font-size: 18px;
        color: #BBC2C8;
        margin-left: 20px;
      }
    }
  }

  .userOper {
    display: block;
    width: 690px;
    height: 101px;
    margin: 41px auto 80px auto;

    .userLabelImg {
      width: 690px;
      height: 101px;
    }
  }

  .at-tabs__underline {
    height: 0 !important;
  }

  .at-tabs__header {
    text-align: left;
  }

  .at-tabs__item-underline {
    display: inline-block;
    width: 31px;
    height: 6px;
    background: rgba(255, 84, 20, 1);
    border-radius: 3px;
    margin-left: calc(50% - 15px);
  }

  .at-tabs__item {
    font-size: 36px;
    font-weight: 500;
    color: rgba(179, 186, 190, 1);
    opacity: 0;
  }

  .at-tabs__item--active {
    font-weight: 600;
    color: rgba(51, 51, 51, 1);
  }

  .seekingTitle {
    position: absolute;
    left: 30px;
    top: 0;
    height: 64px;
    z-index: 2;

    .seekingTab {
      display: inline-block;
      height: 100%;
      vertical-align: top;
      position: relative;

      .seekingText {
        color: #666d92;
        font-size: 36px;
        margin-right: 50px;
        z-index: 3;
        color: rgba(179, 186, 190, 1);
        position: relative;

        .menberLife {
          font-size: 30px;
          font-weight: 500;
          color: rgba(153, 153, 153, 1);
        }

        &.active {
          font-weight: 600;
          color: rgba(51, 51, 51, 1);

          &::after {
            position: absolute;
            content: '';
            left: 50%;
            bottom: -3px;
            transform: translateX(-15px);
            width: 31px;
            height: 6px;
            background: rgba(255, 84, 20, 1);
            border-radius: 3px;
          }
        }
      }
    }

    .leftTitle,
    .rightTitle {
      display: inline-block;
      width: 208px;
      height: 64px;
      position: absolute;
    }

    // .leftTitle{
    //     left: 50%;
    //     transform: translateX(-208px);
    // }
    // .rightTitle{
    //     left: 50%;
    //     transform: translateX(208px);
    // }
  }

  .seekingTitle {
    position: absolute;
    left: 30px;
    top: 0;
    height: 64px;
    z-index: 2;

    .seekingTab {
      display: inline-block;
      height: 100%;
      vertical-align: top;
      position: relative;

      .seekingText {
        color: #666d92;
        font-size: 36px;
        margin-right: 50px;
        z-index: 3;
        color: rgba(179, 186, 190, 1);
        position: relative;

        .menberLife {
          font-size: 30px;
          font-weight: 500;
          color: rgba(153, 153, 153, 1);
          margin-left: 6px;
        }

        &.active {
          font-weight: 600;
          color: rgba(51, 51, 51, 1);

          &::after {
            position: absolute;
            content: '';
            left: 50%;
            bottom: -8px;
            transform: translateX(-15px);
            width: 31px;
            height: 6px;
            background: rgba(255, 84, 20, 1);
            border-radius: 3px;
          }
        }
      }
    }

    .leftTitle,
    .rightTitle {
      display: inline-block;
      width: 208px;
      height: 64px;
      position: absolute;
    }

    // .leftTitle{
    //     left: 50%;
    //     transform: translateX(-208px);
    // }
    // .rightTitle{
    //     left: 50%;
    //     transform: translateX(208px);
    // }
  }

  .menberVideoWrap {
    padding: 0 30px;
    // background: #24262F;
    box-sizing: border-box;
    margin-top: 20px;
    margin-bottom: 100px;

    .videoList {
      width: 690px;
      height: 845px;
      position: relative;
      overflow: hidden;
      margin-bottom: 30px;

      .videoIcon {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        width: 36px;
        height: 36px;
        margin: auto;
        color: white;

        .iconplay {
          font-size: 64px !important;
        }
      }
    }

    .videoTag {
      width: 690px;
      height: auto;
      height: 845px;
    }

    .videoDesc {
      position: absolute;
      left: 30px;
      bottom: 20px;
      right: 30px;
      justify-content: space-between;

      .videoTitle {
        font-size: 28px;
        font-weight: 400;
        color: rgba(255, 255, 255, 1);
        line-height: 40px;
        text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.5);
      }

      .videoRight {}

      .videoNum {
        font-size: 22px;
        font-weight: 400;
        color: rgba(255, 255, 255, 1);
        line-height: 30px;
        text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.5);
      }

      .iconlike {
        // color: linear-gradient(#FF627E, #DE254A);
        color: #fff;
        font-size: 32px;
        margin-right: 12px;

        &.follow_active {
          color: #FF627E;
        }
      }

    }
  }

  .lifePhoto {
    margin-top: 30px;
    margin-bottom: 150px;

    .lifePhotoList {
      display: block;
      width: 690px;
      margin: 0 auto;
    }
  }

  .menberInfo {
    margin-top: 30px;

    .menberInfoList {
      margin-left: 30px;
      padding-left: 33px;
      box-sizing: border-box;

      .infoDesc {
        font-size: 30px;
        font-weight: 600;
        color: rgba(27, 33, 38, 1);
        line-height: 34px;
        margin-left: 17px;
        // padding-left: 30px;
        margin-bottom: 36px;
        position: relative;
        margin-right: 30px;

        .ziliaoInner {
          margin-left: 17px;
        }

        &:after {
          position: absolute;
          content: '';
          width: 66px;
          height: 88px;
          left: -16px;
          top: 50%;
          background-image: url(../../assets/seeking/icon1.png);
          background-position: center;
          background-repeat: no-repeat;
          background-size: 66px 88px;
          transform: translate(-50px, -50%);
        }

        &.label:after {
          background-image: url(../../assets/seeking/icon2.png);
        }

        &.ziliao:after {
          background-image: url(../../assets/seeking/icon1.png);
        }

        &.renzhen:after {
          background-image: url(../../assets/seeking/icon3.png);
        }
      }

      .infoDetail {
        background: rgba(250, 250, 250, 1);
        border-radius: 20px;
        position: relative;
        margin-right: 30px;
        margin-left: 17px;
        // padding-left: 30px;
        margin-bottom: 66px;
        box-sizing: border-box;

        &.sr {
          justify-content: space-between;
          background: white !important;
          word-wrap: break-word;
          flex-wrap: wrap;
        }

        &.labelList {
          justify-content: space-between;
          flex-wrap: wrap;
          background: white !important;

          // word-wrap: break-word;
          .labelTag {
            display: inline-block;
            font-size: 25px;
            font-weight: 500;
            color: rgba(255, 255, 255, 1);
            padding: 7px 40px;
            background: rgba(152, 159, 239, 1);
            border-radius: 25px;
            margin-bottom: 20px;
            margin-right: 10px;
          }
        }

        &:after {
          position: absolute;
          content: '';
          left: -28px;
          top: -12px;
          width: 4px;
          height: calc(100% + 60px);
          background-image: url(../../assets/seeking/line.png);
          background-repeat: repeat-y;
          background-position: center;
          background-size: 4px 18px;
        }

        .flex {
          justify-content: space-between;
          font-size: 28px;
          color: #666;
          padding: 25px 29px 26px 41px;

        }

        .tagList {
          display: -webkit-box;
          display: -webkit-flex;
          display: flex;
          align-items: center;
          width: 280px;
          background: rgba(250, 250, 250, 1);
          border-radius: 20px;
          padding: 20px 0;
          text-align: center;
          margin-bottom: 20px;
          justify-content: center;
          color: rgba(27, 33, 38, 1);
          font-size: 28px;

          .infoIcon {
            width: 50px;
            margin-right: 24px;
          }
        }
      }
    }
  }

  .emptyAddress .noData {
    width: 296px;
    height: 298px;
    margin-top: 100rpx;
    margin-bottom: 25px;

  }

}